body	{
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	color: #333333;
	font-size: 15px;
	line-height: 18px;
	width: 100%;
	height: auto;
	float: right;
}
#table {	text-align: left;
			}

#boven {	padding: 0% 0% 0% 3.5%;
			border-bottom: 1px solid #006699;
  			position: sticky;
  			position: -webkit-sticky;
			top: 0;
			background-color: white;
			}
							
#menu {		float: left;
			}
			
#ExcelLogo {float: right;
			max-width: 20%;
			padding: 0% 2% 0.0% 1%;
			}
		
#tekst {	padding: 0% 5% 0% 3%;
			margin: 1% 5% 1% 3.5%;
			background-color: #DCFCE7;
			border-radius: 90px;
			Width: auto;
			line-height: 20px;
			text-align: left;
			font-size: 14px;
			}

#beneden {	padding: 0% 15% 0% 3.5%;
			border-top: 1px solid #006699;
			}
#index {	padding: 0.5% 0.5% 0.5% 0.5%;
			margin:0% 20% 0% 3%;
			background-image: url(ExcelgroeneAchtergrond.png);
			border-radius: 25px;
			Width: auto;
			text-align: left;
			color: #F7F7F7;
			font-size: 15px;
			
			}
#index2 {	padding: 0.5% 0.5% 0.5% 0.5%;
			margin:0% 20% 0% 3%;
			background-image: url(LightgreenAchtergrond.png);
			border-radius: 25px;
			Width: auto;
			text-align: left;
			color: Darkblue;
			font-size: 15px;
			}
#index3 {	padding: 0.5% 0.5% 0.5% 0.5%;
			margin:0% 20% 0% 3%;
			background-image: url(Lichtblauwe2Achtergrond.png);
			border-radius: 25px;
			Width: auto;
			text-align: left;
			color: Darkblue;
			font-size: 15px;
			}
			
td	{ 		line-height: 16px;
			}

#offerte { 	float: left;
			}	

#route {	float: left;
			margin: 0% 2.5% 0.5% 0%;
			}
#rij { 		display: block;
		    clear: both;
	   		margin: 0.5% 25% 0% 0%;
			}
a:link {	color: RoyalBlue; text-decoration: none; }	
a:hover {	font-size: 15.5px;}	
a:visited { color: RoyalBlue;}

.style9 {
			color: red; font-weight: bold;  text-decoration: underline;
			}
.style8 {
			font-size:15px; font-weight: bold;	color: red;
			}
.style18 {	font-size: 0px;
			color:#CAFFFF; }
			
.style24 {	color: #009900;}
.style25 {	font-size: small;}
.style27 {	font-size: 0px;}
.style30 {	color: RoyalBlue; text-decoration: none; }

fieldset {	display: block;
			padding: 1% 0% 0% 1%;
			border: 1px solid #006699;
			background-color: #87ceeb;
			}
label { 	width: 100px;
			float: left;
			text-align: Left;
			}
input.tekstveld {	width: 250px;
				 	border: 1px solid;
				 	border-color: #0000CC;
					margin-left:inherit;
    			    }
input.tekstveld:focus { background-color: #F7FE67;
						border: 1px solid;
						border-color: #0000CC;
						}

textarea{ 	width: 92%;
			float: left;
			text-align: left;
			margin-right: 8%;
			height: auto;
			}

h1 { 		font-size: 15px;
			text-align: left; /* Standaard links uitlijnen */

@media (max-width: 768px) {
		    text-align: center; /* Centreren op mobiel */
  }
}
h2 { 		font-size: 15px;}
h3 { 		font-size: 15px;}

.btn {
  background-color: #C3FFFF;
  padding: 2px 2px 0px 1px;
  font-size: 15px;
  width: 135px;
  border-color: #D9D9D9;
}

.btn gekozen {
    background-color:#1D6F42;
	color: white;	
	width: 135px;
	padding: 2px 2px 0px 1px;
    font-size: 15px;  
	border-color: #D9D9D9;
	}
.Contactbutton {
	background-color:#FF6600;
	color: black;
	width: 220px;
	padding: 5px 2px;
  	float: right;
	margin-right: 2%;
	border-color: #D9D9D9;
}

.default:hover {
  background-color: #e7e7e7;
  color: Darkblue;
}